<@p.frontPage css="index" js="coda-slider.1.1.1.pack" >
<script type="text/javascript">
		jQuery(window).bind("load", function() {
			jQuery("div#slider1").codaSlider()
			// jQuery("div#slider2").codaSlider()
			// etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
		});
	</script>
<script type="text/javascript">
$(document).ready(function(){
 
	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	$(".login")( function() { $("#panel").css("z-index", "-1"); }, function() { $("div").css("z-index", "999"); }); 
	
	 
});
	</script>
<div class="main">
  <div class="top">
    <div class="top_top">
      <div class="top_top_logo"></div>
      <div class="top_top_link">
        <ul>
          <li class="top_top_link_short"><a href="index.html">首页</a>
            <div class="top_top_link_line"></div>
          </li>
          <li class="top_top_link_long"><a href="#">联系我们</a>
            <div class="top_top_link_line"></div>
          </li>
          <li class="top_top_link_long"><a href="#">相关信息</a></li>
        </ul>
      </div>
    </div>
    <div class="top_down">
      <div class="top_down_left">
        <div class="top_down_left_img"></div>
        <div class="top_down_information"> <img src="images/top_down_left_imgs.jpg" />
          <div class="top_down_information_ch">文字介绍</div>
          <div class="top_down_information_en">Some information</div>
        </div>
        <div class="top_down_information"> <img src="images/top_down_left_imgs.jpg" />
          <div class="top_down_information_ch">文字介绍</div>
          <div class="top_down_information_en">Some information</div>
        </div>
        <div class="top_down_information"> <img src="images/top_down_left_imgs.jpg" />
          <div class="top_down_information_ch">文字介绍</div>
          <div class="top_down_information_en">Some information</div>
        </div>
      </div>
      <div class="top_down_right"></div>
    </div>
  </div>
  <div class="menu">
    <ul>
      <li> <a href="index.html" class="active1">
        <div class="menu_ch">首页</div>
        <div class="menu_en">Home</div>
        </a> </li>
      <li> <a href="Information.html">
        <div class="menu_ch">招聘信息</div>
        <div class="menu_en">Information</div>
        </a> </li>
      <li> <a href="training.html">
        <div class="menu_ch">人才培养</div>
        <div class="menu_en">Training</div>
        </a> </li>
      <li> <a href="contact.html">
        <div class="menu_ch">联系我们</div>
        <div class="menu_en">Contact</div>
        </a> </li>
      <li> <a href="about.html">
        <div class="menu_ch">关于派尔</div>
        <div class="menu_en">About</div>
        </a> </li>
    </ul>
  </div>
  <div class="middle_main">
    <div class="loginsearch">
      <div class="login">
        <div id="panel">
          <form method="post" action="login.do" name="loginForm" onsubmit="return validateForm(this)">
            <h2>members login</h2>
            <label>Log In:</label>
            <input id="Yourname" type="text" name="userName"/>
            <label>Password:</label>
            <input id="password" type="password" name="password"/>
            <div id="register"> <input type="submit" value="Login"> </div>
          </form>
        </div>
        <p class="slide"><a href="#" class="btn-slide"></a></p>
      </div>
      <div class="search">
        <div class="search_word">站内搜索：</div>
        <input type="text" name="search" class="searchinput" onclick="this.value='';" value="Enter Your Keyword Here">
      </div>
    </div>
    <div class="spacer"></div>
    <div class="middle">
      <div class="middle_left">
        <div id="company_idea">
          <div class="middle_left_title">
            <div class="middle_left_title_word">公司理念</div>
          </div>
          <ul>
            <li>●  公司名称：   SOVO派尔信息技术公司</li>
            <li>●  含   义：   先驱，倡导者，先锋</li>
            <li>●  寓   意：   技术领先，意识领先</li>
            <li>●  管理理念： 人性化，效率化，务实化</li>
          </ul>
        </div>
        <div id="company_footprint">
          <div class="middle_left_title">
            <div class="middle_left_title_word">走过的足迹</div>
          </div>
          <script language="JavaScript"> 
document.write('<marquee style="color:#414141;font-size:12px;line-height:15px; margin-top:20px;" direction="up" width="190" height="200" scrollamount="1" scrolldelay="10" onMouseOver="this.scrollDelay=9900" onMouseOut="this.scrollDelay=1"><li>●  2006年04月11日 派尔公司成立</li><li>●  2006年10月16日员工拓展训练</li><li>●  2006年11月05日 Pioneer校友录</li><li>●  2006年11月17日 Pioneer创刊号</li><li>●  2007年03月26日 派尔绩效考核管理系统</li><li>●  2007年03月26日 派尔公司电子杂志第二期</li><li>●  2007年04月11日 第一届年会</li><li>●  2007年04月20日 员工拓展训练</li><li>●  2007年10月25日 航空售票管理系统</li><li>●  2007年12月15日 宏福木材管理系统</li><li>●  2008年01月07日 员工拓展训练</li><li>●  2008年04月11日 第二届年会</li><li>●  2008年05月23日 派尔知识库系统</li><li>●   2008年09月20日 大学生考研指导讲座</li><li>●   2008年10月11日 员工拓展训练</li><li>●   2008年10月15日 PhotoShop免费培训讲座</li><li>●   2008年10月19日 联通图铃提交系统</li><li>●  2008年11月14日 教室调配系统</li><li>●  2008年12月24日 联通月度奖颁奖典礼</li><li>●  2009年03月10日 派尔公司管理网站</li><li>●  2009年6月18号 中小型企业公共服务网正式上线</li><li>●  2009年7月16号 公司内部换代改革</li><li>●  2009年8月21号 公司拓宽业务领域，开拓更大的市场</li><li>●  2009年10月15号 IDEA COFFEE成功上线</li><li>●  2010年3月7号 SOVO整体进行整改</li><li>●  2010年4月15号 SOVO整改成功，公司迁入办公新址</li><li>●  2010年4月23号 公司纳新培训【预计】</li><li>●  2010年5月21号 公司拓展训练【预计】</li><li>●  2010年4月28号 OA正式上线【预计】</li></marquee>'); 
</script>
        </div>
      </div>
      <div class="middle_right">
        <div class="middle_right_js">
          <div class="slider-wrap">
            <div id="slider1" class="csw">
              <div class="panelContainer">
                <div class="panel" title="1">
                  <div class="wrapper">
                    <div class="middle_right_title">大连信息港</div>
                    <div class="middle_right_img"><img src="images/project1.jpg" /></div>
                    <div class="middle_right_word">大连公众信息产业有限公司始创于1999年，是国家和大连市重点扶持的高新技术骨干企业。目前拥有大连信息港、大连数码港、大连黄页三大信息服务品牌。 </div>
                    <p><a href="#5" class="cross-link" title="Go to Panel 5">&#171; Previous</a> | <a href="#2" class="cross-link" title="Go to Panel 2">Next &#187;</a></p>
                  </div>
                </div>
                <div class="panel" title="2">
                  <div class="wrapper">
                    <div class="middle_right_title">大连艾德尔咖啡</div>
                    <div class="middle_right_img"><img src="images/project2.jpg" /></div>
                    <div class="middle_right_word">艾德尔咖啡。我们的思想和主张：
将世界上最上品的阿拉比克咖啡豆，以精心的美式烘焙，专业的咖啡器具，奉献给您，让您置身于丰富的咖啡文化中，领略咖啡最高贵的品质及醇美的口味，寻找心灵的放松，体验浪漫的休闲时光。</div>
                    <p><a href="#1" class="cross-link" title="Go to Panel 1">&#171; Previous</a> | <a href="#3" class="cross-link" title="Go to Panel 3">Next &#187;</a></p>
                  </div>
                </div>
                <div class="panel" title="3">
                  <div class="wrapper">
                    <div class="middle_right_title">中小型企业公共服务网</div>
                    <div class="middle_right_img"><img src="images/project3.jpg" /></div>
                    <div class="middle_right_word">中小型企业公共服务网为全国的中小型企业提供了一个互相交流和拓展的平台。</div>
                    <p><a href="#2" class="cross-link" title="Go to Panel 2">&#171; Previous</a> | <a href="#4" class="cross-link" title="Go to Panel 4">Next &#187;</a></p>
                  </div>
                </div>
                <div class="panel" title="4">
                  <div class="wrapper">
                    <div class="middle_right_title">OA自动化办公系统</div>
                    <div class="middle_right_img"><img src="images/project4.jpg" /></div>
                    <div class="middle_right_word">>OA ，办公自动化，OA是Office Automation的简写。OA也是Office Action(审定通知程序，审定通知行为)的缩写，是国家知识产权的审查意见书的英文翻译。OA意思 为办公自动化,o为office 办公的意思 a为auto自动的意思，是现代利用电脑进行全自动的办公,目的是提高效率。</div>
                    <p><a href="#3" class="cross-link" title="Go to Panel 3">&#171; Previous</a> | <a href="#5" class="cross-link" title="Go to Panel 5">Next &#187;</a></p>
                  </div>
                </div>
                <div class="panel" title="5">
                  <div class="wrapper">
                    <div class="middle_right_title">上海财经大学青年志愿者协会</div>
                    <div class="middle_right_img"><img src="images/project5.jpg" /></div>
                    <div class="middle_right_word">上海财经大学青年志愿者协会为了迎接即将到来的2010年上海世博会，招募有识之士，共同为上海世博会的志愿者工作加油。贡献自己微薄的力量。</div>
                    <p><a href="#4" class="cross-link" title="Go to Panel 4">&#171; Previous</a> | <a href="#1" class="cross-link" title="Go to Panel 1">Next &#187;</a></p>
                  </div>
                </div>
              </div>
              <!-- .panelContainer -->
            </div>
            <!-- #slider1 -->
          </div>
          <!-- .slider-wrap -->
        </div>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_left">
      <div class="footer_logo"></div>
      <div class="footer_logo_word">SOVO派尔信息技术公司</div>
    </div>
    <div class="footer_middle">
      <div class="footer_middle_circle">
        <div class="footer_middle_title">
          <div class="footer_middle_title_word">相关信息 Information</div>
        </div>
        <ul>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          
        </ul>
      </div>
      <div class="footer_middle_circle">
        <div class="footer_middle_title">
          <div class="footer_middle_title_word">相关信息 Information</div>
        </div>
        <ul>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
    
        </ul>
      </div>
      <div class="footer_middle_circle">
        <div class="footer_middle_title">
          <div class="footer_middle_title_word">相关信息 Information</div>
        </div>
        <ul>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
          <li>
            <div class="footer_middle_li"><a href="#">●  联通新势力</a></div>
          </li>
       
        </ul>
      </div>
    </div>
    <div class="footer_right">
      <div class="footer_right_words">
        <div class="footer_right_word">Copyright © 2009 SOVO All Rights Reserved</div>
        <div class="footer_right_word">Powered By Pioneer</div>
      </div>
      <a href="index.html#">
      <div class="footer_right_return"></div>
      </a> </div>
     <div class="footer_bottom"></div>
  </div>
</div>
</@p.frontPage>

